<!DOCTYPE html>
<html>
    <body>
        <p id="demo"> </p>
    
    </body>
    <script>
        // var fruits=["apple","banana","orange"]
        // var text = "<ul>"
        // for (let index = 0; index < fruits.length; index++) {
        //     text += "<li>" + fruits[index] + "</li>"
        // }
        // text += "</ul>"
        // document.getElementById("demo").innerHTML=text
        // function add(){
        //     fruits[fruits.length]="hahaha"
        //     var text = "<ul>"
        // for (let index = 0; index < fruits.length; index++) {
        //     text += "<li>" + fruits[index] + "</li>"
        // }
        // text += "</ul>"
        // document.getElementById("demo").innerHTML=text
        // }
        var txt = "";
        var numbers = [45, 4, 9, 16, 25];
            numbers.forEach(myFunction);
            document.getElementById("demo").innerHTML = txt;
        function myFunction(value, index, array) {
            txt = txt + value + "<br>"; 
        }
        
    </script>
</html>
<div class="carousel slide" id="carousel-186585"
style="position:absolute;left:0;top:0;z-index: -1;width:
100%;margin-top: 13px;">
<ol class="carousel-indicators">
    <li class="active" data-slide-to="0"
        data-target="#carousel-186585">
    </li>
    <li data-slide-to="1"
        data-target="#carousel-186585">
    </li>
</ol>
<div class="carousel-inner" style="width:
    100%;transform: translateX(0px) scale(1);">
    <div class="item active">
        <img alt="" src="img/firstImg.jpg"
            style="height: 600px; width: 100%;" />
    </div>
    <div class="item">
        <img class="self-img" src="img/second.png"
            style="height: 540px; width: 100%;" />
    </div>
</div>
</div>